@import '../../ui/base'

.teamReportees
  margin-top 30px
  li
    > ul
      margin-top 10px
  ul
    ul
      padding-left 60px

.reportee
  margin 5px 0
  > span
    > .userHome
      display none
    &:hover
      > .userHome
        display inline
        i
          color #afc9e2
  > span
    padding-left 15px
    height 46px
    @extends .h-center
    color #333
    user-select none
    position relative
    &:active
      color #333
    > i
      opacity 0
      margin-right 10px
      font-size 12px
      width 12px
      height 12px
      transform rotate(-90deg)
      transition-property transform
      transition-duration $animation-duration
      transition-timing-function $animation-curve-default

.has-reportee
  > span
    cursor pointer
    > i
      opacity 1

.clicked
	> span
		> i
			transform rotate(0)

.reportee:not(.editAll)
  >span
    &:hover
      background-color #f3f6f9
      > .ajust
        display block

.avatar
  width 26px
  height 26px
  border-radius 50%
  margin-right 10px
  overflow hidden

.check
  margin-right 10px

.ajust
  position absolute
  right 30px
  top 0
  display none
  color $font-blue
  line-height 46px

.searchReportorList
  position fixed
  left 20px

.userHome
	margin-left 10px
	font-size 12px
	display none

.job-title
  color #bbb
  margin-left 10px
.toolTip
  position relative
  color #000
  padding 4px 0
  &:hover
    cursor default
    .toolTip-content
      opacity 1
      z-index 999
      transform scale(1)
  .toolTip-content
    position absolute
    top -32px
    padding 2px 8px
    border-radius 8px
    background-color rgba(0, 0, 0, 0.65)
    color #fff
    opacity 0
    z-index 0
    transform scale(0)
    transition all .3s
    &::after
      content " "
      display block
      position absolute
      border 6px solid transparent
      border-top-color rgba(0, 0, 0, 0.65)
      top 26px